.header-conter img {
    width: auto;
    height: .4rem/* 20/50 */
    ;
    max-width: 3rem/* 150/50 */
    ;
}

.header .header-conter {
    text-align: -webkit-center;
    line-height: .88rem/* 44/50 */
    ;
    margin-top: .26rem/* 13/50 */
    ;
}

.swiper-container {
    width: 7.5rem/* 375/50 */
    ;
    height: 8.5rem/* 425/50 */
    ;
    img {
        width: 100%;
    }
}

.swiper-pagination {
    text-align: -webkit-right;
    position: absolute;
    bottom: .28rem/* 14/50 */
    ;
    right: .16rem/* 8/50 */
    ;
    z-index: 2;
    height: .36rem/* 18/50 */
    ;
    line-height: .36rem/* 18/50 */
    ;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: .24rem/* 12/50 */
    ;
    border-radius: .04rem/* 2/50 */
    ;
    // text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.proinfo {
    padding: .24rem/* 12/50 */
    .32rem/* 16/50 */
    ;
    background: #fff;
    margin-bottom: 1px;
    font-size: .28rem/* 14/50 */
    ;
}

.proinfo-head {
    line-height: initial;
    display: flex;
}

.proinfo-head-title {
    -webkit-box-flex: 1;
    flex: 1;
    .text-orange {
        color: #FF734C;
    }
}

.proinfo-head-collect {
    width: .8rem/* 40/50 */
    ;
    min-height: .432rem/* 21.6/50 */
    ;
    height: 100%;
    text-align: right;
}

.proinfo-body {
    margin-top: .24rem/* 12/50 */
    ;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    .proinfo-body-price {
        -webkit-box-flex: 1;
        flex: 1;
        font-size: 0;
        .proinfo-body-price-sjg {
            font-size: .4rem/* 20/50 */
            ;
            color: #FF734C;
            font-weight: 600;
        }
        .proinfo-body-price-jg {
            color: #B4BABF;
            margin-left: .12rem/* 6/50 */
            ;
            font-size: .28rem/* 14/50 */
            ;
            margin-right: .32rem/* 16/50 */
            ;
        }
    }
    .proinfo-body-sales {
        width: 1.92rem/* 96/50 */
        ;
        font-size: .24rem/* 12/50 */
        ;
        text-align: right;
    }
}

.media.download {
    -webkit-box-align: center;
    align-items: center;
    padding: .2rem/* 10/50 */
    .32rem/* 16/50 */
    ;
}

.media {
    display: flex;
    background-color: #fff;
    user-select: none;
    .media-left {
        width: .84rem/* 42/50 */
        ;
        min-width: .84rem/* 42/50 */
        ;
        font-size: .24rem/* 12/50 */
        ;
        font-weight: 500;
        line-height: .4rem/* 20/50 */
        ;
        img {
            width: .8rem/* 40/50 */
            ;
            vertical-align: middle;
        }
    }
    .media-center {
        font-size: .32rem/* 16/50 */
        ;
        margin-left: .32rem/* 16/50 */
        ;
        -webkit-box-flex: 1;
        flex: 1;
        i {
            font-style: normal;
        }
    }
    .media-right {
        width: .4rem/* 20/50 */
        ;
        text-align: right;
        font-size: .32rem/* 16/50 */
        ;
    }
}

.skuselect {
    margin-top: .16rem/* 8/50 */
    ;
}

.detailsinfo {
    margin-top: .16rem/* 8/50 */
    ;
    padding: .16rem/* 8/50 */
    .32rem/* 16/50 */
    ;
    background: #fff;
    .detailsinfo-item {
        display: flex;
        font-size: .24rem/* 12/50 */
        ;
        position: relative;
        .detailsinfo-item-title {
            width: .84rem/* 42/50 */
            ;
            min-width: .84rem/* 42/50 */
            ;
            font-weight: 500;
            color: #232323;
            padding: .24rem/* 12/50 */
            0;
        }
        .detailsinfo-item-desc {
            -webkit-box-flex: 1;
            flex: 1;
            padding: .24rem/* 12/50 */
            0;
            -webkit-box-pack: center;
            justify-content: center;
        }
        .fffg {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

.xh {
    margin-bottom: 1rem/* 50/50 */
    ;
}

.detailsinfo-item+.detailsinfo-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: .8rem/* 40/50 */
    ;
    right: 0;
    height: 0;
    border-bottom: 1px solid #E9ECF0;
}

.tabbar-left {
    position: relative;
    float: left;
    width: 40%;
    display: flex;
    .tabbar-item {
        display: grid;
        -webkit-box-flex: 1;
        flex: 1;
        text-align: center;
        height: .98rem/* 49/50 */
        ;
        box-sizing: border-box;
        padding-top: .16rem/* 8/50 */
        ;
        .icon-erji {
            min-width: 100%;
            font-size: .4rem/* 20/50 */
            ;
            position: relative;
        }
        p {
            font-size: .22rem/* 11/50 */
            ;
        }
    }
}

.tabbar-right {
    float: left;
    width: 60%;
    display: flex;
    .tabbar-item {
        display: block;
        -webkit-box-flex: 1;
        flex: 1;
        text-align: center;
        height: .98rem/* 49/50 */
        ;
        box-sizing: border-box;
    }
}

.tabbar-item.tabbar-item-block {
    padding: 0;
    line-height: .98rem/* 49/50 */
    ;
    background-color: #3D4D42;
    color: #fff;
    font-size: 14px;
}

.tabbar-item.tabbar-item-block.tabbar-item-orange {
    padding: 0;
    line-height: .98rem/* 49/50 */
    ;
    background-color: #FF734C;
    color: #fff;
}

.skuselect {
    margin-top: .16rem/* 8/50 */
    ;
    .media {
        display: flex;
        background-color: #fff;
        padding: .28rem/* 14/50 */
        .32rem/* 16/50 */
        ;
        user-select: none;
        .media-left {
            width: .84rem/* 42/50 */
            ;
            min-width: .84rem/* 42/50 */
            ;
            font-size: .24rem/* 12/50 */
            ;
            font-weight: 500;
            line-height: .4rem/* 20/50 */
            ;
        }
        .media-center {
            -webkit-box-flex: 1;
            flex: 1;
        }
        .media-right {
            width: .4rem/* 20/50 */
            ;
            text-align: right;
            font-size: .32rem/* 16/50 */
            ;
        }
    }
}

.panel {
    background-color: #fff;
    margin-top: .16rem/* 8/50 */
    ;
    .panel-head {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: .24rem/* 12/50 */
        .32rem/* 16/50 */
        ;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        .panel-head-title {
            -webkit-box-flex: 1;
            flex: 1;
            font-size: .32rem/* 16/50 */
            ;
        }
        .panel-head-link {
            -webkit-box-flex: 1;
            flex: 1;
            font-size: .24rem/* 12/50 */
            ;
            color: #71797F;
            text-align: right;
        }
        i {
            font-size: .24rem/* 12/50 */
            ;
        }
    }
}

.panel-body {
    border-top: 1px solid #E9ECF0;
    .comments-item {
        padding: .24rem/* 12/50 */
        .32rem/* 16/50 */
        ;
        background-color: #fff;
        .comments-item-head {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
        }
    }
}

.comments-item-head-left {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    img {
        border-radius: 50%;
        overflow: hidden;
        width: .4rem/* 20/50 */
        ;
        height: .4rem/* 20/50 */
        ;
    }
    .comments-item-head-name {
        font-size: .24rem/* 12/50 */
        ;
        margin-left: .16rem/* 8/50 */
        ;
    }
}

.comments-item-head-right {
    width: 1.2rem/* 60/50 */
    ;
    max-width: 1.2rem/* 60/50 */
    ;
    min-width: 1.2rem/* 60/50 */
    ;
    height: .18rem/* 9/50 */
    ;
    overflow: hidden;
    text-align: right;
    .comments-item-head-star.star5 {
        background-image: url("https://img02.hua.com/m/pro_detail/star5.png");
    }
    .comments-item-head-star {
        display: block;
        width: 1.2rem/* 60/50 */
        ;
        max-width: 1.2rem/* 60/50 */
        ;
        min-width: 1.2rem/* 60/50 */
        ;
        height: .18rem/* 9/50 */
        ;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
}

.comments-item-content {
    margin-top: .24rem/* 12/50 */
    ;
    font-size: .26rem/* 13/50 */
    ;
}

.comments-item-imglist {
    margin-top: .28rem/* 14/50 */
    ;
    display: flex;
    position: relative;
    img {
        -webkit-box-flex: 1;
        flex: 1;
        max-width: 1.6rem/* 80/50 */
        ;
        height: 1.6rem/* 80/50 */
        ;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
}

.ppp {
    margin-top: .16rem/* 8/50 */
    ;
    color: #B4BABF;
    font-size: .22rem/* 11/50 */
    ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-footer {
    font-size: 14px;
    .comments-more {
        text-align: center;
        padding: .16rem/* 8/50 */
        0 .48rem/* 24/50 */
        ;
        a {
            display: inline-block;
            font-size: .24rem/* 12/50 */
            ;
            border: 1px solid #232628;
            padding: .08rem/* 4/50 */
            .16rem/* 8/50 */
            ;
            border-radius: .04rem/* 2/50 */
            ;
        }
    }
}

.well {
    background-color: #fff;
}

.mt-8 {
    margin-top: .16rem/* 8/50 */
    ;
    .well-title {
        text-align: center;
        padding: .48rem/* 24/50 */
        .32rem/* 16/50 */
        .28rem/* 14/50 */
        ;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        .well-title-linename {
            display: inline-block;
            font-size: .32rem/* 16/50 */
            ;
            font-weight: 400;
            padding: 0 .24rem/* 12/50 */
            ;
        }
    }
    .well-body {
        display: flex;
        padding: 0 .32rem/* 16/50 */
        .32rem/* 16/50 */
        ;
        .brandlist-item {
            float: left;
            width: 33.33333333%;
            text-align: center;
            // text-align: center;
            margin-top: .48rem/* 24/50 */
            ;
            img {
                margin-left: 26px;
                display: block;
                width: 1.28rem/* 64/50 */
                ;
                height: 1.28rem/* 64/50 */
                ;
            }
            p {
                font-size: .24rem/* 12/50 */
                ;
                padding: .04rem/* 2/50 */
                0 .08rem/* 4/50 */
                ;
                width: 2.28rem/* 114/50 */
                ;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
}

.proimgdetails {
    img {
        width: 100%;
        vertical-align: middle;
    }
}

.disseminate {
    padding-bottom: 1rem/* 50/50 */
    ;
    .well {
        background-color: #fff;
        .well-title {
            text-align: center;
            padding: .48rem/* 24/50 */
            .32rem/* 16/50 */
            .28rem/* 14/50 */
            ;
        }
        .well-title-bb {
            font-size: .36rem/* 18/50 */
            ;
            font-weight: 600;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

.well-body {
    padding: .32rem/* 16/50 */
    ;
    padding-top: 0;
    p {
        font-size: .24rem/* 12/50 */
        ;
    }
    img {
        margin-top: .4rem/* 20/50 */
        ;
        width: 100%;
        vertical-align: middle;
    }
}